<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
    <head profile="http://gmpg.org/xfn/11">
        <title>///LOAD PRODUCT HERE</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="imagetoolbar" content="no" />
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
        <script type="text/javascript" src="scripts/mootools.js"></script>
        <script type="text/javascript" src="scripts/events.js"></script>
    </head>
    <body id="top">
        <div id="xcontainer">
            <div class="wrapper col1">
                <div class="accordion">
                    <div id="socialise">
                        <ul>
                            <li><a href="#"><img src="images/linkedin.gif" alt="" /><span>Linked In</span></a></li>
                            <li><a href="#"><img src="images/skype.gif" alt="" /><span>Skype</span></a></li>
                            <li><a href="#"><img src="images/facebook.gif" alt="" /><span>Facebook</span></a></li>
                            <li><a href="#"><img src="images/rss.gif" alt="" /><span>FeedBurner</span></a></li>
                            <li class="last"><a href="#"><img src="images/twitter.gif" alt="" /><span>Twitter</span></a></li>
                        </ul>
                        <br class="clear" />
                    </div>
                </div>
            </div>
            <div class="wrapper col2">
                <div id="header">
                    <p class="toggler"><a href="#socialise">Open &amp; Close SocialBar</a></p>
                    <div id="logo">
                        <img src="images/logo.JPG" alt="logo" width="260px" height="140px"/>
                    </div>
                    <br class="clear" />
                </div>
            </div>
            <!-- ####################################################################################################### -->
            <div id="menu">
                <ul id="topnav">
                    <li><a href="index.php">Home</a></li>
                    <li>
                        <a href="products.php">Products</a>
                        <!--Subnav Starts Here-->
                        <span>
                            <a href="searchPage.php?prod='nokia'">Nokia</a> |
                            <a href="searchPage.php?prod='sony'">Sony Ericsson</a> |
                            <a href="searchPage.php?prod='sam'">Samsung</a> |
                            <a href="searchPage.php?prod='phil'">Philips</a> |
                            <a href="searchPage.php?prod='apple'">Apple</a> |
                            <a href="searchPage.php?prod='lg'">LG</a>
                        </span>
                        <!--Subnav Ends Here-->
                    </li>
                    <li>
                        <a href="#">Services</a>
                        <span>
                            <a href="#">Send Gifts</a> |
                            <a href="#">Newsletter</a> |
                            <a href="#">Our Work</a>
                        </span>
                    </li>
                    <li><a href="#">Contact Us</a></li>
                    <li>
                        <a href="#">About</a>
                        <span>
                            <a href="#">Phone Mall</a> |
                            <a href="#">Team</a> |
                            <a href="#">Jobs</a>
                        </span>
                    </li>
                </ul>
            </div>
            <!-- ####################################################################################################### -->
            <div class="wrapper col3">
                <div id="breadcrumb">
                    <ul>
                        <li class="first">You Are Here</li>
                        <li>&#187;</li>
                        <li><a href="#">Home</a></li>
                        <li>&#187;</li>
                        <li><a href="#">Grand Parent</a></li>
                        <li>&#187;</li>
                        <li><a href="#">Parent</a></li>
                        <li>&#187;</li>
                        <li class="current"><a href="#">Child</a></li>
                    </ul>
                </div>
            </div>
            <!-- ####################################################################################################### -->
            <div class="wrapper col4">
                <div id="container">
                    <div id="content">
                        <h1>Product Selected : //// Display there product</h1>
                        <img class="imgl" src="" alt="Load Image from DB" width="150" height="250" />
                        <p>Bla Blah Blah.... Load from DB</p>
                        <br/>
                        <table summary="This is the basic functionality of the Phones (Phone Specification)" cellpadding="0" cellspacing="0">
                            <h1>
                                <caption>Phone Features</caption>
                            </h1>
                            <thead>
                                <tr>
                                    <th width="170">Feature</th>
                                    <th>Properties</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="light">
                                    <td>Value 1</td>
                                    <td>Value 2</td>
                                </tr>
                                <tr class="dark">
                                    <td>Value 5</td>
                                    <td>Value 6</td>
                                </tr>
                                <tr class="light">
                                    <td>Value 9</td>
                                    <td>Value 10</td>
                                </tr>
                                <tr class="dark">
                                    <td>Value 13</td>
                                    <td>Value 14</td>
                                </tr>
                            </tbody>
                        </table>
                        <div id="comments">
                            <h2>Comments</h2>
                            <ul class="commentlist" id="commentlist">
                                LOAD FROM DB
                                <!--<li class="comment_odd">
                                    <div class="author"><img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
                                    <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>
                                    <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
                                </li>
                                <li class="comment_even">
                                    <div class="author"><img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
                                    <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>
                                    <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
                                </li>
                                <li class="comment_odd">
                                    <div class="author"><img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
                                    <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>
                                    <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
                                </li>-->
                            </ul>
                        </div>
                        <h2 class="tabbedh2">Post A Comment</h2>
                        <div id="respond">
                            <form action="" name="rev" id="rev" method="post">
                                <p>
                                    <input type="text" name="name" id="name" value="" size="22" />
                                    <label for="name"><small>Name (required)</small></label>
                                </p>
                                <p>
                                    <input type="text" name="email" id="email" value="" size="22" />
                                    <label for="email"><small>Mail (required)</small></label>
                                </p>
                                <p>
                                    <!--<input type="text" name="reviewText" id="reviewText" value="" size="22" />-->
                                    <textarea cols="20" rows="10" id="reviewText" name="reviewText" ></textarea>
                                    <label for="comment" style="display:none;"><small>Comment (required)</small></label>
                                </p>
                                <p>
                                    <input name="submit" type="button" id="submit" value="Submit" onclick="javascript:postReview();" />
                                    &nbsp;
                                    <input name="reset" type="reset" id="reset" tabindex="5" value="Reset" />
                                </p>
                            </form>
                        </div>
                    </div>
                    <div id="column">
                        <div class="subnav">
                            <h2>Quick Links</h2>
                            <ul>
                                <li><a href="#">Free Gift Deals</a></li>
                                <li><a href="#">Mobile Phones Exposed</a></li>
                                <li><a href="#">Coming Soon</a>
                                    <ul>
                                        <li><a href="#">Mobile Phones</a></li>
                                        <li><a href="#">Smart Phones</a></li>
                                        <li><a href="#">Broad Band Devices</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Fun & Entertainment</a></li>
                                <li><a href="#">Mobile Blog</a></li>
                            </ul>
                        </div>
                        <div id="featured">
                            <ul>
                                <li>
                                    <h2>Featured</h2>
                                    <p class="imgholder"><img src="images/products/apple_phone.jpg" width="180px" height="250px" alt="" /></p>
                                    <p>3-MP Camera, Voice Control, Compass, Cut, Copy & Paste, Landscape Keyboard, Internet Tethering plus Everything you love about iPhone.</p>
                                    <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
                                </li>
                            </ul>
                        </div>
                        
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <!-- ####################################################################################################### -->
            <div class="wrapper col5">
                <div id="footer">
                    <div class="box1">
                        <h2>PhoneMall (Pvt) Ltd.</h2>
                        <img class="imgl" src="images/apple_partner.jpg" alt="" height="70" width="120"/>
                        <img class="imgl" src="images/nokia_partner.jpg" alt="" height="70" width="120"/>
                        <p>PhoneMall is registered trade marks of PhoneMall (pvt) Ltd. <br/>We are currently acting as the dealers of Apple &amp; Nokia in south asian region providing the same quality of the mother companies.</p>
                        <p>We provide you with the outstanding service, and we certify your delivery withing 4 weeks or your money back.</p>
                    </div>
                    <div class="box contactdetails">
                        <h2><br/>Contact PhoneMall</h2>
                        <ul>
                            <li>PhoneMall (pvt) Ltd</li>
                            <li>No 71, Kottawa Road,</li>
                            <li>Rajagiriya</li>
                            <li></li>
                            <li>Tel: 0094 112880000</li>
                            <li>Fax: 0094 112880004</li>
                            <li>Email: info@phonemall.com</li>
                            <li class="last">LinkedIn: <a href="http://lk.linkedin.com/in/hashanj">PhoneMall</a></li>
                        </ul>
                    </div>
                    <br class="clear" />
                </div>
            </div>
            <!-- ####################################################################################################### -->
            <div style="clear: both"></div>
        </div>
        <!-- ####################################################################################################### -->
        <script type="text/javascript" src="scripts/toggle.js"></script>
    </body>
</html>
